<template > 
    <div class="box"> 
        <div class="content">
            <div id="studyCenter">
                <div class="studyCon">
                    <div class="headerCon">
                        <div class="left">
                            <leftMenu></leftMenu>  
                        </div>
                        <div class="right">
                            <rightContent ref="rightContent"></rightContent>    
                        </div>
                    </div>
                </div>
            </div>
              

        </div>
    </div>
</template>
<script>
import pagePublic from "@/mixins/pagePublic.js";
import { mapMutations, mapState } from "vuex";
import leftMenu from "./components/leftMenu.vue";
import rightContent from "./components/rightContent.vue";

// import contentBox from "./components/content.vue";
// import topMenu from "./components/topMenu.vue";

    export default {
        name: "tem",
        mixins: [pagePublic],
        components:{  leftMenu,rightContent },
        data(){
            return{
                
                // urls:{
                //     list: {
                //         url:this.$api.tem.list,
                //         method:"get",
                //         sync:false,
                //     },
                //     add:this.$api.tem.add,
                //     edit:this.$api.tem.edit,
                //     del:this.$api.tem.del
                // },

                
            }
        },
        computed: {
            ...mapState(['configInfo']),

        },
        mounted() {
            this.$refs.rightContent.init()
            
        },
        methods:{
            ...mapMutations(['set_configInfo'])
        }
    }
</script>
<!-- <style src="./this.scss" lang="scss"></style> -->
<style lang="scss" scoped>

</style>